<include file="Public:header"/>
		<Joyeasy:list sql="SELECT * FROM `yey_category` where id=54" id="dc">					
			<if condition="$dc.ismenu == 0">
			<else />
			<a href="{$dc.url}" target="_blank" style="position:absolute;top:160px;left:1%;z-index:99;">
			<img src="../Public/img/wenjuan.png" style="width:150px;" />
			</a>
			</if>
		</Joyeasy:list>
		
		<!--首页zhongbox-->
		<div class="zhongbox">
			<div class="zhongnr">
				<!--首页banner-->
				<div class="banner">
					<Joyeasy:list sql="SELECT * FROM `yey_slide_data` where fid=1 order by listorder asc,id desc limit 0,1" id="r">
						<a href="{$r.link}"><img src="{$r.pic}" width="840" height="316" /></a>
					</Joyeasy:list>
				</div>
				<!--首页banner-->
				<!--首页diyipai-->
				<div class="syyi">
					<div class="syyi_l">
						<img src="../Public/img/eryi.jpg" />
						<div class="syyi_l_l">
							<div class="syyi_l_n">
								<Joyeasy:list sql="SELECT * FROM `yey_yongyou` where catid=53 order by listorder asc,id asc limit 0,10" id="r">
									<div class="syyi_l_n_li">
										<a href="{$r.url}" target="_blank">{$r.title|str_cut=###,34}</a>
									</div>
								</Joyeasy:list>
							</div>
						</div>
					</div>
					<div class="syyi_z">
						<img src="../Public/img/erer.jpg" />
						
						<a href="./index.php?a=index&m=Shipin&id=62"  target="_blank"><img src="../Public/img/saner.jpg" style="margin-left:5px;" /></a>
					</div>
					<div class="syyi_r">
						<img src="../Public/img/ersan.jpg" />
						<div class="syyi_r_l">
							<div class="syyi_r_li" id="colee">
								<div id="colee1">
									<Joyeasy:list sql="SELECT * FROM `yey_huodong` order by createtime desc limit 0,30" id="xw">
										<p>
											<a href="{$xw.url}" target="_blank">
												<div class="syyi_r_li_li">
													<div class="syyi_r_li_z">
													{$xw.createtime|toDate=###,'d'}<br />
													{$xw.createtime|toDate=###,'M'}<br />
													{$xw.createtime|toDate=###,'Y'}
													
													</div>
													<div class="syyi_r_li_y">
													{$xw.title|str_cut=###,26}
													<br />
													{$xw.description|str_cut=###,176}
													</div>
													<div class="clear"></div>
												</div>
											</a>
										</p>
									</Joyeasy:list>					
								</div>
								<div id="colee2"></div>
								<!--<div id="colee3"></div>-->
								<script>
								var speed=90;
								//var colee3=document.getElementById("colee3");
								var colee2=document.getElementById("colee2");
								var colee1=document.getElementById("colee1");
								var colee=document.getElementById("colee");
								colee2.innerHTML=colee1.innerHTML; //克隆colee1为colee2
								//colee3.innerHTML=colee1.innerHTML; //克隆colee1为colee3
								function Marquee1(){
								//当滚动至colee1与colee2交界时
								if(colee2.offsetTop-colee.scrollTop<=0){
								 colee.scrollTop-=colee1.offsetHeight; //colee跳到最顶端
								 }else{
								 colee.scrollTop++
								}
								}
								var MyMar1=setInterval(Marquee1,speed)//设置定时器
								//鼠标移上时清除定时器达到滚动停止的目的
								colee.onmouseover=function() {clearInterval(MyMar1)}
								//鼠标移开时重设定时器
								colee.onmouseout=function(){MyMar1=setInterval(Marquee1,speed)}
								//function Marquee2(){
								//当滚动至colee1与colee2交界时
								//if(colee3.offsetTop-colee.scrollTop<=0){
								// colee.scrollTop-=colee2.offsetHeight; //colee跳到最顶端
								// }else{
								// colee.scrollTop++
								////}
							//	}
								//var MyMar2=setInterval(Marquee2,speed)//设置定时器
								//鼠标移上时清除定时器达到滚动停止的目的
								//colee.onmouseover=function() {clearInterval(MyMar2)}
								//鼠标移开时重设定时器
								//colee.onmouseout=function(){MyMar2=setInterval(Marquee2,speed)}
								</script>
								<!--向上滚动代码结束-->
								<div class="clear"></div>
							</div>
						</div>
					</div>
					<div class="clear"></div>
				</div>
				<!--首页diyipai-->
				<!--首页dierpai-->
				<div class="syer">
					<img src="../Public/img/sygyb.jpg" style="float:right;" />
					<div class="mapbj">
						<div class="mapdi">
							<Joyeasy:list sql="SELECT * FROM `yey_fenyuan` order by id desc" id="gytb">	
								<div class="mapbiao" style="left:{$gytb.xzuobiao}px;top:{$gytb.yzuobiao}px;">
									<!--<a href="javascript:;" target="_blank" onclick="show_gyjj({$gytb.id})" onmouseover="shows_gyjj({$gytb.id})" onmouseout="hides_gyjj({$gytb.id})"><img src="{$gytb.xiaoditu}" id="gytb{$gytb.id}" /></a>-->
									<a href="javascript:;" target="_blank" onclick="show_gyjj({$gytb.id})">
										<img src="{$gytb.xiaoditu}" id="gytb{$gytb.id}" />
										<div class="mapbiao_hover" id="gytb_hover{$gytb.id}">
											<div class="mapbiao_hover_t">
											{$gytb.title}
											</div>
										</div>
									</a>
									
								</div>
							</Joyeasy:list>
														
						</div>
					</div>
							<Joyeasy:list sql="SELECT * FROM `yey_fenyuan` order by id desc limit 0,1" id="gyjjchushi">	
							<div class="gyjjbj" style="" id="gyjjdnrchushi">
								<div class="gyjjbjnr">
									<span class="gyjjt">{$gyjjchushi.title}</span>
									<span class="jinruyuansuo">
										<a href="{$gyjjchushi.url}" target="_blank">进入园所>></a>
									</span>
								</div>
								<div class="gyjjbjnr_xia">
									<marquee align="left" behavior="alternate" direction="up" loop="-1" onMouseOut="this.start()" onMouseOver="this.stop()" scrollamount="1" scrolldelay="5" width="275" height="210">
									<div class="gyjjjj">
									{$gyjjchushi.jieshao}
									</div>
									<div class="gyjjd">
									电话：{$gyjjchushi.dianhua}
									<br />
									地址：{$gyjjchushi.dizhi}
									<br />
									邮编：{$gyjjchushi.youbian}
		
									</div>
									</marquee>
								</div>
							</div>
							</Joyeasy:list>
		
							<Joyeasy:list sql="SELECT * FROM `yey_fenyuan` order by id desc" id="gyjj">	
							<div class="gyjjbj" style="display:none;" id="gyjjdnr{$gyjj.id}" >
								<div class="gyjjbjnr">
									<span class="gyjjt">{$gyjj.title}</span>
									<span class="jinruyuansuo">
										<a href="{$gyjj.url}" target="_blank">进入园所>></a>
									</span>
								</div>
								<div class="gyjjbjnr_xia">
									<marquee align="left" behavior="alternate" direction="up" loop="-1" onMouseOut="this.start()" onMouseOver="this.stop()" scrollamount="1" scrolldelay="5" width="275" height="210">
									<div class="gyjjjj">
									{$gyjj.jieshao}
									</div>
									<div class="gyjjd">
									电话：{$gyjj.dianhua}
									<br />
									地址：{$gyjj.dizhi}
									<br />
									邮编：{$gyjj.youbian}
		
									</div>
									</marquee>
								</div>
								<div class="clear"></div>
							</div>
							</Joyeasy:list>
		

					<div class="clear"></div>
				</div>
				<!--首页dierpai-->
				<script>
				function show(){
				alert(event.clientY);
				}
				function show_gyjj(t){
					xzuobiao=event.clientX;
					yzuobiao=event.clientY-30;
					$('.gyjjbj').hide();
					$('#gyjjdnr'+t).show();
//					$('#gyjjdnr'+t).css('z-index',t);
//					$('#gyjjdnr'+t).css('top',yzuobiao);
//					$('#gyjjdnr'+t).css('left',xzuobiao);
					
					//$('#gytb'+t).css('width','110%');
					$('#gyjjdnrchushi').hide();
				}
				$(function(){
					$('.mapbiao').hover(function(){
						$(this).find('a').find('img').hide();
						$(this).find('a').find('div').show();
					},function(){
						$(this).find('a').find('img').show();
						$(this).find('a').find('div').hide();
					});
				});
				function baochi_gyjj(t){
					$('#gyjjdnr'+t).show();
					//$('#gytb'+t).css('width','110%');
					$('#gyjjdnrchushi').hide();
				}
				function hide_gyjj(t){
					$('#gyjjdnr'+t).hide();
					//$('#gytb'+t).css('width','100%');
					$('#gyjjdnrchushi').show();
				}
				</script>
				<!--首页disanpai-->
				<div class="sysan">
					<img src="../Public/img/zuixinhuodong.jpg"  />
					<div class="sysandi" id="colee_left">
						<table cellpadding="0" cellspacing="0" border="0">
							<tr>
								<td id="colee_left1" valign="top" align="center">
									<table cellpadding="2" cellspacing="0" border="0">
										<tr align="center">
										<Joyeasy:list sql="SELECT * FROM `yey_huodong` order by createtime desc limit 0,20" id="hdtx">
											<if condition="$hdtx.thumb !=''">
												<td>
												<p>
												<a href="{$hdtx.url}">
													<img src="{$hdtx.thumb}" height="127" />
												</a>
												</p>
												</td>
											<else />
											</if>
										</Joyeasy:list>					
										</tr>
									</table>
								</td>
								<td id="colee_left2" valign="top"></td>
							</tr>
						</table>
						<script>
						//使用div时，请保证colee_left2与colee_left1是在同一行上.
						var speed=30//速度数值越大速度越慢
						var colee_left2=document.getElementById("colee_left2");
						var colee_left1=document.getElementById("colee_left1");
						var colee_left=document.getElementById("colee_left");
						colee_left2.innerHTML=colee_left1.innerHTML
						function Marquee3(){
						if(colee_left2.offsetWidth-colee_left.scrollLeft<=0)//offsetWidth 是对象的可见宽度
						colee_left.scrollLeft-=colee_left1.offsetWidth//scrollWidth 是对象的实际内容的宽，不包边线宽度
						else{
						colee_left.scrollLeft++
						}
						}
						var MyMar3=setInterval(Marquee3,speed)
						colee_left.onmouseover=function() {clearInterval(MyMar3)}
						colee_left.onmouseout=function() {MyMar3=setInterval(Marquee3,speed)}
						</script>
						<!--向左滚动代码结束-->
						<div class="clear"></div>
					</div>
				</div>
				<!--首页disanpai-->
			</div>
		
		</div>
		<!--首页zhongbox-->
<include file="Public:footer"/>
